<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">

<head>
  <meta charset="UTF-8">
  <title>Atom</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link data-turbolinks-track="true" href="assets/application-b86a2086c99917c6bf2a9d74b4038381.css" media="all" rel="stylesheet" />
  <script data-turbolinks-track="true" src="assets/application-c3106c6fe52ccec6f26495730a478cca.js"></script>
  <meta content="authenticity_token" name="csrf-param" />
  <meta content="yzXUiWH6GiCHbvbJOg7usjzA7LawyxwB+oJHEcWTOIM=" name="csrf-token" />
  <script>
    (function(i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function() {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o),
      m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-3769691-35', 'atom.io');
    ga('send', 'pageview');
  </script>

  <meta property="og:url" content="https://atom.io/" />
  <meta property="og:site_name" content="Atom" />
  <meta property="og:title" content="A hackable text editor for the 21st Century" />
  <meta property="og:description" content="At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it." />
  <meta property="og:type" content="website" />
  <meta property="og:author" content='https://www.facebook.com/GitHub' />
  <meta property="og:image" content="http://og.github.com/atom-logo/atom-logo@1200x1200.png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="1200" />
  <meta property="og:image" content="http://og.github.com/atom-mark/atom-mark@1200x630.png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />

  <meta property="twitter:card" content="summary_large_image" />
  <meta property="twitter:site" content="@AtomEditor" />
  <meta property="twitter:creator" content='@github' />
  <meta property="twitter:title" content="Atom" />
  <meta property="twitter:description" content="A hackable text editor for the 21st Century" />
  <meta property="twitter:image:src" content="http://og.github.com/atom-logo/atom-logo@1200x630.png" />
  <meta property="twitter:image:width" content="1200" />
  <meta property="twitter:image:height" content="630" />

  <link rel="shortcut icon" href="favicon.ico" />
</head>

<body>

  <div class="footer-push">



    <header class="header">
      <div class="wrapper">
        <h1 title="Atom">
      <a href="index.html" class="logo"></a>
    </h1>

        <ul class="navigation">
          <li><a class="" href="packages.html">Packages</a>
          </li>
          <li><a class="" href="docs/latest/index.html">Documentation</a>
          </li>
          <li><a href="http://blog.atom.io">Blog</a>
          </li>
          <li><a href="faq.html">FAQ</a>
          </li>
          <li><a class="" href="https://atom.io/contact">Contact</a>
          </li>
        </ul>
      </div>
    </header>


    <div class="welcome">
      <div class="call-to-action">
        <div class="wrapper">
          <div class="columns">
            <div class="column left">
              <h2>A hackable text editor<br> for the 21st Century</h2>

              <p>At GitHub, we're building the text editor we've always wanted. A tool you can customize to do anything, but also use productively on the first day without ever touching a config file. Atom is modern, approachable, and hackable to the core.
                We can't wait to see what you build with it.</p>


              <div class="invite">
                <form accept-charset="UTF-8" action="/invite" method="post">
                  <div style="margin:0;padding:0;display:inline">
                    <input name="utf8" type="hidden" value="&#x2713;" />
                    <input name="authenticity_token" type="hidden" value="yzXUiWH6GiCHbvbJOg7usjzA7LawyxwB+oJHEcWTOIM=" />
                  </div>
                  <div class="side-submit">
                    <div class="side-submit-cell">
                      <input id="invitation_email" name="invitation[email]" placeholder="you@example.com" type="text" />
                    </div>
                    <div class="side-submit-cell submit-cell">
                      <input class="button primary invite-button" name="commit" type="submit" value="Request a beta invite" />
                    </div>
                  </div>
                </form>
              </div>


            </div>

            <div class="column right">
              <span class="screenshot-main"></span>
            </div>
          </div>
        </div>
      </div>

      <div class="wrapper">
        <div class="why-its-rad">
          <div class="feature columns">
            <div class="column left markdown">
              <h3>Taking the web native</h3>

              <p>Atom is a desktop application based on web technologies. Like other desktop apps, it has its own icon in the dock, native menus and dialogs, and full access to the file system.</p>

              <p>Open the dev tools, however, and Atom's web-based core shines through. Whether you're tweaking the look of Atom's interface with CSS or adding major features with HTML and JavaScript, it's never been easier to take control of your editor.</p>

            </div>
            <div class="column right">
              <div class="screenshot-native-web"></div>
            </div>
          </div>
          <!-- end feature -->

          <div class="feature columns">
            <div class="column left markdown">
              <h3>Node.js integration</h3>

              <p>Node.js support makes it trivial to access the file system, spawn subprocesses, and even start servers directly from within your editor. Need a library? Choose from over 50 thousand in Node's package repository. Need to call into C or C++?
                That's possible, too.</p>

              <p>Seamless integration allows you to freely mix usage of Node and browser APIs. Manipulate the file system and write to the DOM, all from a single JavaScript function.</p>

            </div>
            <div class="column right">
              <span class="illustration illustration-under-the-hood"></span>
            </div>
          </div>
          <!-- end feature -->

          <div class="feature columns">
            <div class="column left markdown">
              <h3>Modular design</h3>

              <p>Atom is composed of over 50 open-source packages that integrate around a minimal core. Our goal is a deeply extensible system that blurs the distinction between "user" and "developer".</p>

              <p>Don't like some part of Atom? Replace it with your own package, then upload it to the central repository on <code>atom.io</code> so everyone else can use it too.</p>

            </div>
            <div class="column right">
              <div class="demo">
                <span class="screen"></span>
              </div>
            </div>
          </div>
          <!-- end feature -->

          <div class="feature columns">
            <div class="column left markdown">
              <h3>Full-featured, right out of the box</h3>

              <p>No one wants to waste time configuring their editor before they can start using it. Atom comes loaded with the features you've come to expect from a modern text editor. Here are a few of them:</p>

              <ul>
                <li>File system browser</li>
                <li>Fuzzy finder for quickly opening files</li>
                <li>Fast project-wide search and replace</li>
                <li>Multiple cursors and selections</li>
                <li>Multiple panes</li>
                <li>Snippets</li>
                <li>Code folding</li>
                <li>A clean preferences UI</li>
                <li>Import TextMate grammars and themes</li>
              </ul>

            </div>
            <div class="column right">
              <span class="illustration illustration-packages"></span>
            </div>
          </div>
          <!-- end feature -->
        </div>
      </div>
    </div>

    <div class="welcome-contact">
      <a name="contact"></a>
      <div class="wrapper">
        <div class="columns">
          <div class="column left">
            <h3 class="contact-title">Join the community</h3>

            <table class="contact-list">
              <tr>
                <td>GitHub</td>
                <td><a href="https://github.com/atom">@atom</a>
                </td>
              </tr>
              <tr>
                <td>Twitter</td>
                <td><a href="http://twitter.com/atomeditor">@AtomEditor</a>
                </td>
              </tr>
              <tr>
                <td>Discuss</td>
                <td><a href="http://discuss.atom.io">http://discuss.atom.io</a>
                </td>
              </tr>
            </table>

          </div>
          <div class="column right">
            <span class="illustration illustration-contact"></span>
          </div>
        </div>
      </div>
    </div>


    <div class="footer-pad"></div>
  </div>

  <footer>
    <div class="footer">
      <div class="wrapper">
        <ul class="footer-left">
          <li><a href="terms.html">Terms of Use</a>
          </li>
          <li><a href="https://atom.io/login">Sign in</a>
          </li>
        </ul>

        <div class="footer-right">
          <a href="https://github.com"><span class="octicon octicon-code"></span> with <span class="octicon octicon-heart"></span> by <span class="octicon octicon-logo-github"></span></a>
        </div>
      </div>
    </div>
  </footer>

</body>

</html>
